<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="iconfont/yaodian/iconfont.css">
    <script src="iconfont/yaodian/iconfont.js"></script>
    <script src="js/rem.js"></script>
</head>

<body>
    <div class="app">
        <header>
            <div class="header">

                <div class="dizhi">
                    <p>
                        <span class="iconfont icon-dingxiang">  送至:百色学院东合校区物联本19班xxxx</span>
                    </p>
                    <p>
                        <span class="iconfont icon-xiangyoujiantou"></span>
                        <span class="iconfont icon-xiaoxi"></span>
                    </p>
                </div>
                <div class="sousuo">
                    <p class="sousuo-img"><span class="iconfont icon-sousuo"></span></p>
                    <input type="text" placeholder="搜索药品、症状、品牌" value="">
                    <p class="erweima"><span class="iconfont icon-shouye3"></span></p>
                </div>
            </div>
        </header>
        <main>
            <!-- 轮播图 -->
            <div class="banner01"><img src="img/nav.webp" alt="轮播图"></div>
            <div class="main">
                <!-- 导航栏 1-->
                <div class="nav01">
                    <nav>
                        <a href="#">
                            <div>
                                <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-toutiaoyangshi"></use>
                              </svg>
                            </div>
                            <span>叮当头条</span>
                        </a>
                        <a href="../药师指导/yszd.html">
                            <div>
                                <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-yongyaoyaoshishenfang"></use>
                              </svg>
                            </div>
                            <span>药师指导</span>
                        </a>
                        <a href="#">
                            <div>
                                <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-youlun"></use>
                              </svg>
                            </div>
                            <span>海外购</span>
                        </a>
                        <!-- 找不到叮当快医，所以就把医生在线当作快医 -->
                        <a href="../叮当快医/叮当快医.html">
                            <div>
                                <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-yiyuan"></use>
                              </svg>
                            </div>
                            <span>医生在线</span>
                        </a>
                        <a href="#">
                            <div>
                                <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-huiyuan"></use>
                              </svg>
                            </div>
                            <span>会员中心</span>
                        </a>

                    </nav>
                </div>
                <!-- pk -->
                <div class="banner02">
                    <div><img src="img/pk.png" alt="or图"></div>
                </div>
                <!-- 公告 -->
                <div class="gonggao">
                    <p><span>公告</span><span>提供24小时快速配送服务</span></p>
                    <div>
                        <span class="iconfont icon-shouye1"> 28分钟快送</span>
                        <span class="iconfont icon-shouye1"> 28分钟快送</span>
                        <span class="iconfont icon-shouye1"> 28分钟快送</span>
                    </div>
                </div>
                <!-- 两列 -->
                <div class="lianglie">
                    <a href="#">
                        <p>
                            <span class="lianglie-span01">28分钟快送</span>
                            <span class="lianglie-span02">医院常开药品</span>
                            <span class="lianglie-span03">部分第二件八折</span>
                        </p>
                        <div>
                            <img src="img/nav.webp" alt="">
                        </div>
                    </a>
                    <a href="#">
                        <p>
                            <span class="lianglie-span01">28分钟快送</span>
                            <span class="lianglie-span02">医院常开药品</span>
                            <span class="lianglie-span03">部分第二件八折</span>
                        </p>
                        <div>
                            <img src="img/nav.webp" alt="">
                        </div>
                    </a>
                </div>
                <!-- 导航栏 2-->
                <div>
                    <nav class="nav02">
                        <div>
                            <a href="#">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-tiwenji"></use>
                                  </svg>
                                <span>感冒发热</span>
                            </a>
                            <a href="#">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-changwei"></use>
                                  </svg>
                                <span>肠胃用药</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-shuye"></use>
                                  </svg>
                                <span>清热解毒</span>
                            </a>
                            <a href="#">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-biyuntao"></use>
                                  </svg>
                                <span>性福生活</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-fei"></use>
                                  </svg>
                                <span>咳嗽用药</span>
                            </a>
                            <a href="#">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-chuantongzibu"></use>
                                  </svg>
                                <span>滋补调养</span>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-pifuke-01"></use>
                                  </svg>
                                <span>皮肤用药</span>
                            </a>
                            <a href="#">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-yingyangbaojian"></use>
                                  </svg>
                                <span>保健功能</span>
                            </a>
                        </div>

                    </nav>
                </div>
                <!-- 主体内容 -->
                <div>
                    <div class="content">
                        <div class="content-img">
                            <img src="img/changkaiyao.webp" alt="">
                        </div>
                        <div class="content-text">
                            <p><span>28分钟</span><span>百院牌不老药 秦始皇都找你</span></p>

                            <p><span>【20片装】</span><span>[百院牌不老药] 你值得拥有，用法随意</span> </p>
                            <p>
                                <span>低价换购</span>
                                <span>1元换购</span>
                                <span>立省51元</span>
                            </p>
                            <div class="jiaqian">
                                <div>
                                    <span class="xianjia">￥999</span>
                                    <span class="yuanjia">￥1050</span>
                                </div>
                                <div class="jiarugouwuche">
                                    <svg class="icon" aria-hidden="true">
                                     <use xlink:href="#icon-gouwuchekong"></use>
                                    </svg>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content">
                        <div class="content-img">
                            <img src="img/changkaiyao.webp" alt="">
                        </div>
                        <div class="content-text">
                            <p><span>28分钟</span><span>百院牌不老药 秦始皇都找你</span></p>

                            <p><span>【20片装】</span><span>[百院牌不老药] 你值得拥有，用法随意</span> </p>
                            <p>
                                <span>低价换购</span>
                                <span>1元换购</span>
                                <span>立省51元</span>
                            </p>
                            <div class="jiaqian">
                                <div>
                                    <span class="xianjia">￥999</span>
                                    <span class="yuanjia">￥1050</span>
                                </div>
                                <div class="jiarugouwuche">
                                    <svg class="icon" aria-hidden="true">
                                     <use xlink:href="#icon-gouwuchekong"></use>
                                    </svg>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content">
                        <div class="content-img">
                            <img src="img/changkaiyao.webp" alt="">
                        </div>
                        <div class="content-text">
                            <p><span>28分钟</span><span>百院牌不老药 秦始皇都找你</span></p>

                            <p><span>【20片装】</span><span>[百院牌不老药] 你值得拥有，用法随意</span> </p>
                            <p>
                                <span>低价换购</span>
                                <span>1元换购</span>
                                <span>立省51元</span>
                            </p>
                            <div class="jiaqian">
                                <div>
                                    <span class="xianjia">￥999</span>
                                    <span class="yuanjia">￥1050</span>
                                </div>
                                <div class="jiarugouwuche">
                                    <svg class="icon" aria-hidden="true">
                                     <use xlink:href="#icon-gouwuchekong"></use>
                                    </svg>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 广告 -->
            <div class="banner01"><img src="img/guanggao.webp" alt="广告"></div>




        </main>
        <footer>
            <!-- 首页 -->
            <a href="#">
                <em class="iconfont icon-shouye"></em>
                <span>叮当快药</span>
            </a>

            <a href="../订单商城/ShoppingMall.html">
                <em class="iconfont icon-shouye1"></em>
                <span>叮当商城</span>
            </a>

            <!-- 没要求做 -->
            <a href="#">
                <em class="iconfont icon-gouwuchekong"></em>
                <span>清单列表</span>
            </a>

            <a href="../我的/wode/我的2.html">
                <em class="iconfont icon-wode"></em>
                <span>我的</span>
            </a>
        </footer>
    </div>

</body>

</html>